/* header */
.header{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.top-item{
   margin-top: 20px;
   overflow: hidden;
}

.top-item .logo{
    float: left;
}

.cimg{
    margin-left: 25px;
}
.cimg,.cimg img{
    width: 820px;
    height: 103px;
}

.r-box{
    width: 110px;
    margin-left: 25px;
    float: left;
}

.r-box img{
    width: 110px;
    height: 50px;
    border-radius: 5px;   
}

.r-box a:first-child{
    display: block;
    margin-bottom: 5px;;
}

.top-item .date{
    margin: 10px auto 0;
    text-align: center;
}



.icons{
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
}

.nav {
      height: 86px;
      overflow: hidden;
      display: block;
      margin-top: 20px;
    }

    .nav_top {
      background: #b30000;
      height: 50px;
      width: 1200px;
      margin: 0 auto;
      position: relative;
    }

    .nav_box {
      width:1200px;
    }

    .lx-nav {
      width: 120px;
      float: left;
      color: #FFF;
      font-size: 18px;
      line-height: 50px;
    }

    .nav1-p {
      letter-spacing: 5px;
    }

    .lx-nav .t1,
    .lx-nav .t2,
    .lx-nav .t3,
    .lx-nav .t4,
    .lx-nav .t5,
    .lx-nav .t6,
    .lx-nav .t7,
    .lx-nav .t8,
    .lx-nav .t9,
    .lx-nav .t10,
    .lx-nav .t11 {
      -webkit-transition: .2s background-position-y;
      ;
      transition: .2s background-position-y;
      background: url(images/icons.png) 16px 0 no-repeat;
    }

    .lx-nav .t1 {
      background-position: 17px 10px;
    }


    .lx-nav .t2 {
      background-position: 17px -40px;
    }

    .lx-nav .t3 {
      background-position: 17px -90px;
    }

    .lx-nav .t4 {
      background-position: 17px -140px;
    }

    .lx-nav .t5 {
      background-position: 17px -190px;
    }

    .lx-nav .t6 {
      background-position: 17px -240px;
    }

    .lx-nav .t7 {
      background-position: 17px -290px;
    }

    .lx-nav .t8 {
      background-position: 17px -340px;
    }

    .lx-nav .t9 {
      background-position: 17px -390px;
    }

    .lx-nav .t10 {
      background-position: 17px  -440px;
    }

    .lx-nav .t11 {
      background-position: 17px  -490px;
    }

    .nav1-p.nav1-p a {
      padding: 0 0 0 50px;
      display: block;
      color: #FFF;
      height: 50px;
      font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
    }

    .lx-nav .t1:hover {
      background-color: #EEE;
      background-position: -133px 10px;
    }

    .lx-nav .t2:hover {
      background-color: #EEE;
      background-position: -133px -40px;
    }

    .lx-nav .t3:hover {
      background-color: #EEE;
      background-position: -133px -90px;
    }

    .lx-nav .t4:hover {
      background-color: #EEE;
      background-position: -133px -140px;
    }

    .lx-nav .t5:hover {
      background-color: #EEE;
      background-position: -133px -190px;
    }

    .lx-nav .t6:hover {
      background-color: #EEE;
      background-position: -133px -240px;
    }

    .lx-nav .t7:hover {
      background-color: #EEE;
      background-position: -133px -290px;
    }

    .lx-nav .t8:hover {
      background-color: #EEE;
      background-position: -133px -340px;
    }

    .lx-nav .t9:hover {
      background-color: #EEE;
      background-position: -133px -390px;
    }

    .lx-nav .t10:hover {
      background-color: #EEE;
      background-position: -132px -440px;
    }

    .lx-nav .t11:hover {
      background-color: #EEE;
      background-position: -132px -490px;
    }

    .lx-nav div a:hover,
    .Hotnews .title a:hover {
      color: #F22400;
      text-decoration: none
    }

    .lx-nav div,
    .province_more {
      position: relative;
    }

    .nav_box .current .nav1-p {
      background-position: - -10px;
    }

    .nav_bottom-C {
      width: 100%;
      height: 36px;
      background: #eee;
      position: absolute !important;
      left: 0;
      display: none;
    }

    .lx-nav:hover .nav_bottom-C {
      display: block;
      transition: .3s;
      -webkit-transition: .3s;
    }

    .nav_bottom-C ul {
      width: 1200px;
      margin: 0 auto;
    }

    .nav_bottom-C li {
      float: left;
      padding: 0 8px;
      line-height: 36px;
      font-size: 14px;
      font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
      white-space: nowrap;
    }

    .lx-nav:hover,
    .box_title .font3 a,
    .nav_bottom-C li a {
      color: #333;
    }
.nav_bottom-C ul.nav_bottom-C01 { padding-left: 120px;}
.nav_bottom-C ul.nav_bottom-C03 { padding-left: 350px;}
.nav_bottom-C ul.nav_bottom-C04 { padding-left: 470px;}
.nav_bottom-C ul.nav_bottom-C05 { padding-left: 600px;} 
.nav_bottom-C ul.nav_bottom-C06 { padding-left: 700px;} 
.nav_bottom-C ul.nav_bottom-C07 { padding-left: 680px;}
.nav_bottom-C ul.nav_bottom-C08 { padding-left: 940px;}

.container{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.text-overhide{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* footer */
.footer{
    margin-top: 30px;
    background: #e6e6e6;
    overflow: hidden;
}

.footer .bd{
    width: 600px;
    height: 84px;
    margin: 18px auto;
    overflow: hidden;
}

.footer .logo{
    float: left;
    height: 84px;
    padding-right: 20px;
    border-right: 1px solid #808080;
}

.footer .text{
    float: left;
    margin-left: 20px;
    height: 84px;
    font-size: 14px;
    line-height: 26px;
}

@media screen and (max-width: 768px){
    .header{
        width: 100%;
    }
    .cimg{
        display: none;
    }
    .r-box{
        float: right;
        margin-right: 20px;
    }
    .top-item .logo{
        margin-left: 20px;
    }
    .nav{
        width: 100%;
        height: auto;
        
    }

    .footer .logo{
        display: none;
    }

    .footer .bd{
        width: 100%;
        text-align: center;
        height: auto;
        margin: 5px auto;
    }

    .footer .text{
        float: none;
        margin-left: 0;
        font-size: 12px;
    }

    .nav_top{
        height: auto;
        width: 100%;
        overflow: hidden;
    }

    .nav_box{
        width: 100%;
    }

    .lx-nav{
        width: 25%;
    }

    .lx-nav .t1, .lx-nav .t2, .lx-nav .t3, .lx-nav .t4, .lx-nav .t5, .lx-nav .t6, .lx-nav .t7, .lx-nav .t8, .lx-nav .t9, .lx-nav .t10, .lx-nav .t11{
        background: none;
    }

    .nav1-p.nav1-p a{
        padding: 0;
        text-align: center;
    }

    .nav_bottom-C{
        height: auto;
        z-index: 999;
    }

    .nav_bottom-C ul{
        width: 100%;
        padding-left: 0!important;
    }


}


@media screen and (max-width: 414px){
    .r-box{
      margin-right: 0;
      width: 24%;
    }

    .r-box img{
      width: 100%;
      height: auto;
    }
}